/* 左侧导航 */

.aboutleft_nav_item::after{border-left:1px rgba(255, 255, 255, 0.50) dashed;}
.aboutleft_nav_item.active span{color:#fff;opacity:1;}
.aboutleft_nav_item span{color:rgba(255, 255, 255, 0.6);}
.aboutleft_nav_item a:hover .aboutleft_nav_itemxz path{stroke:#fff;fill:#fff;}
.aboutleft_nav_item a:hover span {
    color: var(--white-color);
}
.main{position:relative;margin-top:84px;height:calc(100vh - 84px);min-height:600px;}
.main .culture_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.main_mb{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.20);}
.culture_box{position:relative;z-index:10;display:flex;height:100%;}
.culture_item{position:relative;width:20%;float:left;border-right:1px solid  rgba(255,255,255,0.10);height:100%;padding-top:15%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,0);transition:0.3s;}
.culture_item:last-child{border-right:none;}
.culture_item a{display:flex;flex-direction:column;align-items:center;}
.culture_item a span{margin-top:12px;color:#FFF;font-weight:700;line-height:1.2;}
.culture_item .qy_hover{display:none;}
.expanded{width:30%;}
.culture_item:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:0;height:100%;transition:width .3s;background:linear-gradient(180deg,rgba(5,98,175,0.00) 0%,rgba(5,98,175,0.70) 100%);z-index:-1;}
.culture_itemline{width:1px;height:0px;background-color:#FFF;margin:24px 0;transition:.4s;}
.culture_itemxq{font-weight:400;line-height:1.4;text-align:center;color:#FFFFFF;}
.culture_title{position:absolute;top:14%;left:0;width:100%;text-align:center;z-index:99;}
@media (min-width:768px){
    .culture_item:hover .qy_hover{display:block;}
    .culture_item:hover .qy{display:none;}
    .culture_item:hover:before{width:100%;}
    .culture_itemxq{display:none;}
    .culture_item:hover .culture_itemxq{display:block;}
    .culture_item:hover .culture_itemline{height:48px;transition:.3s;}
}
@media (max-width:1366px){
    .qy,.qy_hover{width:90px;}
}
@media (max-width:767px){
    .main{height:auto;margin-top:80px;overflow:hidden;}
    .culture_title{top:5%;}
    .culture_box{display:block;padding-top:150px;padding-bottom:15px;height:auto;overflow:hidden;}
    .culture_item{width:100%;padding-bottom:30px;border-right:none;border-bottom:1px solid rgba(255,255,255,0.10);padding-top:15%;}
    .culture_item:last-child{border-bottom:none;}
    .culture_itemline{height:16px;}
    .qy,.qy_hover{width:66px;}
}